import { Component } from "react";
import {
  Tabs,
} from "@nutui/nutui-react-taro";
import styles from "./index.scss";

import Taro from "@tarojs/taro";
import { useState } from "react";
import Layout from "@/components/Layout";
import NotPaymentList from "./notPayment";
import HistoryPaymentList from "./historyPayment";

export default () => {


  const [tabValue, setTabValue] = useState("0");


  return (
    <Layout title="查询">
    <view className={styles.paymentWarp}>
    <NotPaymentList></NotPaymentList>
      {/* <Tabs
        value={tabValue}
        onChange={(value) => {
          setTabValue(value);
        }}

        tabStyle={{ background: "#fff" }}
      >
        <Tabs.TabPane className={styles.tabPane} title="未缴费">
          <NotPaymentList></NotPaymentList>
        </Tabs.TabPane>
        <Tabs.TabPane className={styles.tabPane} title="已缴费">
        <HistoryPaymentList></HistoryPaymentList>
        </Tabs.TabPane>
      </Tabs> */}
    </view>
    </Layout>
  );
};
